<template>
	<view class="page-wraper">
		<view style="margin-top:10px;text-align: center;">
			<view style="font-size:15px;font-weight: bold; font-size: 18px; ">四年级 上册</view>
			<view>人教PEP版</view>
		</view>
		<view v-for="(item,index) in units.list" :key="index" class="unit-wraper">
			<view style="line-height: 35px; padding-left:14px; font-size:16px font-weight: bold; color: #000000;">
				<h3>{{item.name}}</h3>
			</view>
			<view>
				<u-cell-group>
					<u-cell :title="item.name" :isLink="true" :url="'/pages/index/bookplay?id='+item.id"  v-for="(item,uindex) in item.list" :key="uindex"></u-cell>
				</u-cell-group>
			</view>

		</view>
	</view>
</template>

<script>
	import pageData from '../../data/pagelist.json';
	export default {
		data() {
			return {
				units: [
					1, 2
				]
			}
		},
		mounted() {
			this.units = pageData;
		},
		methods: {

		}
	}
</script>

<style scoped>
	.page-wraper {
		position: absolute;
		width: 100%;
		overflow: hidden;
		background-color: #eaeaea;
	}

	.unit-wraper {
		background-color: #ffffff;
		border-radius: 5px;
		margin: 10px;
		padding: 10px;
	}
</style>